<!--
 * @FileDescription: 百叶窗组件
 * @Author: 小威吃饱了
 * @Date: 2022/5/25
 * @LastEditors: 小威吃饱了
 * @LastEditTime: 2022/5/25
 -->
<template>
<el-collapse v-model="activeName" accordion> 
  <el-collapse-item title="Matrix" name="1">
    <div class="inner">
      <MxCombination></MxCombination>
    </div>
  </el-collapse-item>
  <el-collapse-item title="OwLab" name="2">
    <div class="inner">
      <OwCombination></OwCombination>
    </div>
  </el-collapse-item>
  <el-collapse-item title="Sakura Workshop" name="3">
    <div class="inner">
      <SaCombination></SaCombination>
    </div>
  </el-collapse-item>
  <el-collapse-item title="Sam" name="4">
    <div class="inner">
      <SamCombination></SamCombination>
    </div>
  </el-collapse-item>
  <el-collapse-item title="Gray 键造坞" name="5">
    <div class="inner">
      <Equips_pointer></Equips_pointer>
    </div>
  </el-collapse-item>
</el-collapse>
</template>

<script>
import EquipsPointer from './equips_pointer.vue';
import MxCombination from './Matrix_combination/MxCombination.vue';
import OwCombination from './OwLab_combination/OwCombination.vue';
import SaCombination from './Sakurua_combination/SaCombination.vue';
import SamCombination from './SAM_combination/SamCombination.vue';
import Equips_pointer from './equips_pointer.vue';
export default {
  data() {
    return {
      activeName: '1'
    }
  },
  components: {
    EquipsPointer,
    MxCombination,
    OwCombination,
    SaCombination,
    SamCombination,
    Equips_pointer
}
}
</script>

<style>

.inner{
  display: flex;
  margin-top: 0px;
}
.el-collapse-item__header{
  font-size: 20px !important;
  font-weight: bold !important;
  color:#698CB0 !important;
}

</style>
